<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>画一个直线</title>
		<style>
			/*中间的过度的横线*/
			.link-top {
				width: 50%;
				height: 1px;
				border-top: solid #ACC0D8 1px;
			}

			/*画一条再右边的竖线*/
			.link-right {
				width: 50px;
				height: 20%;
				border-right: solid #ACC0D8 1px;
			}
		</style>
	</head>
	<body>
		<h1>Hellow World</h1>
		<div class="link-top"></div>
		<p class="link-right">段落1</p>
		<div class="link-top"></div>
		<p>段落2</p>
	</body>
</html>
